/* 
todo: close delay
todo: click button to open

http://www.sohtanaka.com/web-design/examples/drop-down-menu/#
http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html
http://css-tricks.com/examples/DiggHeader/#
*/

(function ($) {
    $.fn.dropmenu = function (custom) {
        var defaults = {
            openAnimation: "slide",
            closeAnimation: "slide",
            openClick: false,
            openSpeed: 500,
            closeSpeed: 700,
            closeDelay: 500,
            onHide: function () { },
            onHidden: function () { },
            onShow: function () { },
            onShown: function () { }
        };
        var settings = $.extend({}, defaults, custom);

        var menu = this;
        var currentPage = 0;
        var delayTimer = "";

        // Trigger init
        init();

        /**
        * Do preparation work
        */
        function init() {

            // Add open button and class to parent of a submenu
            var items = menu.find(":has(li,div) > a").append('<span class="arrow"></span>');
            $.each(items, function (i, val) {
                if (items.eq(i).parent().is("li")) {
                    items.eq(i).next().addClass("submenu").parent().addClass("haschildren");
                } else {
                    items.eq(i).parent().find("ul").show();
                }
            });

            if (settings.openClick) {
                menu.find(".submenu").css("display", "none");
                menu.find(":has(li,div) > a").parent().bind("mouseleave", handleHover).bind("mouseenter", function () { window.clearInterval(delayTimer); });
                menu.find("a span.arrow").bind("click", handleHover);
            } else {
                menu.find(":has(li,div) > a").bind("mouseenter", handleHover).parent().bind("mouseleave", handleHover).bind("mouseenter", function () { window.clearInterval(delayTimer); });
            }


        }

        /**
        * Handle mouse hover action
        */
        function handleHover(e) {
            if (e.type == "mouseenter" || e.type == "click") {
                window.clearInterval(delayTimer);
                var current_submenu = $(e.target).parent().find(".submenu:not(:animated):not(.open)");
                if (current_submenu.html() == null) {
                    current_submenu = $(e.target).parent().next(".submenu:not(:animated):not(.open)");
                }
                if (current_submenu.html() != null) {
                    settings.onShow.call(current_submenu);
                    closeAllMenus();
                    current_submenu.prev().addClass("selected");
                    current_submenu.css("z-index", "90");
                    current_submenu.stop().hide();
                    openMenu(current_submenu);
                }
            }
            if (e.type == "mouseleave" || e.type == "mouseout") {
                current_submenu = $(e.target).parents(".submenu");
                if (current_submenu.length != 1) {
                    var current_submenu = $(e.target).parent().parent().find(".submenu");
                    if (current_submenu.html() == null) {
                        var current_submenu = $(e.target).parent().find(".submenu");
                        if (current_submenu.html() == null) {
                            var current_submenu = $(e.target).parent().parent().parent().find(".submenu");
                        }
                    }
                }
                if (current_submenu.html() != null) {
                    if (settings.closeDelay == 0) {
                        current_submenu.parent().find("a").removeClass("selected");
                        closeMenu(current_submenu);
                    } else {
                        window.clearInterval(delayTimer);
                        delayTimer = setInterval(function () {
                            window.clearInterval(delayTimer);
                            closeMenu(current_submenu);
                        }, settings.closeDelay);
                    }
                }
            }
        }

        function openMenu(object) {
            switch (settings.openAnimation) {
                case "slide":
                    openSlideAnimation(object);
                    break;
                case "fade":
                    openFadeAnimation(object);
                    break;
                default:
                    openSizeAnimation(object);
                    break;
            }
        }

        function openSlideAnimation(object) {
            object.addClass("open").slideDown(settings.openSpeed, function () { settings.onShown.call(this); });
        }

        function openFadeAnimation(object) {
            object.addClass("open").fadeIn(settings.openSpeed, function () { settings.onShown.call(this); });
        }

        function openSizeAnimation(object) {
            object.addClass("open").show(settings.openSpeed, function () { settings.onShown.call(this); });
        }

        function closeMenu(object) {
            settings.onHide.call(object);
            switch (settings.closeAnimation) {
                case "slide":
                    closeSlideAnimation(object);
                    break;
                case "fade":
                    closeFadeAnimation(object);
                    break;
                default:
                    closeSizeAnimation(object);
                    break;
            }
        }

        function closeSlideAnimation(object) {
            object.slideUp(settings.closeSpeed, closeCallback);
        }

        function closeFadeAnimation(object) {
            object.fadeOut(settings.closeSpeed, function () { $(this).removeClass("open"); $(this).prev().removeClass("selected"); });
        }

        function closeSizeAnimation(object) {
            object.hide(settings.closeSpeed, function () { $(this).removeClass("open"); $(this).prev().removeClass("selected"); });
        }

        function closeAllMenus() {
            var submenus = menu.find(".submenu.open");
            $.each(submenus, function (i, val) {
                $(submenus[i]).css("z-index", "1");
                closeMenu($(submenus[i]));
            });
        }

        function closeCallback(object) {
            $(this).removeClass("open");
            if ($(this).prev().attr("class") == "selected") settings.onHidden.call(this);
            $(this).prev().removeClass("selected");
        }

        // returns the jQuery object to allow for chainability.
        return this;
    }

})(jQuery);